<template>
  <div>
    <top-header :isLeft="true" title="地址管理"></top-header>
      <div class="Naddress" >
        <p class="p1">快把你的地址告诉我</p>
        <p class="p2">我给你送好吃的啊</p>
        <a-button type="primary" @click="NewAddress()">新增收货地址
        </a-button>
      </div>
  </div>
</template>

<script>
import TopHeader from "../components/TopHeader.vue";
export default {
  components: {
    TopHeader,
  },
  data() {
    return {
    }
  },
   methods: {
   NewAddress(){
     this.$router.push('/New')
   }
  },
};
</script>
<style lang="scss" scoped>
.Naddress{
  background-size: 100% 100%;
  background-image: url("../assets/imgs/xiaoxiong.jpg");
  text-align: center;
  padding-top: 80%;
}
.ant-btn-primary{
  background-color: rgb(238, 118, 138);
  border-color: #FF6347;
}
.p1{
  font-size: 12px;
  margin-top: 80px;
}
p2{
  font-size: 20px;
}
</style>